<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2345 星座首页</title>
    <meta name="keywords" content=" " />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, user-scalable=no" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/swiper4.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jq1.9.js"></script>
    <script src="js/flexible.js"></script>
    <script src="js/lazyload.js"></script>
    <script src="js/swiper4.js"></script>
</head>
<body>
    <div id="wrap">
        <div class="header_wrap">
            <div class="header_top">
                <a href="##" class="logo"><img src="images/logo.png" alt=""></a>
                <div class="flex1">
                    <div class="weather">
                        <a class="trig-icon"><i class="ico2"></i></a>
                        <div class="p">
                            <div class="bt_">上海市</div>
                            <div class="today-temp">
                                <span>多云</span>
                                <span class="wd">18～26℃</span>
                                <span class="air-level level4">差</span>
                            </div>
                        </div>
                    </div>
                </div>
                <a class="nowtime">
                    <p>10月11日 <span> 周三</span></p>
                    <p>八月初七</p>
                </a>
            </div>
            <div class="baidusearch">
                <div class="from">
                    <div class="flex1">
                        <div class="search">
                            <div class="input">
                                <input type="text" placeholder="把青春华章写在祖国大地上">
                            </div>
                        </div>
                    </div>
                    <div class="buttom">搜索</div>
                </div>
            </div>
        </div>
        <div class="common">
               <!-- 1 -->
            <div class="Minbox Min1">
                <div class="swipergrid swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz1"></i></div><p>水瓶座</p></a></div>
                        <div class="swiper-slide on"><a href="##" class="box"><div class="img"><i class="iconfl icoxz2"></i></div><p>双鱼座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz3"></i></div><p>牡羊座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz4"></i></div><p>金牛座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz5"></i></div><p>双子座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz6"></i></div><p>巨蟹座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz7"></i></div><p>狮子座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz8"></i></div><p>处女座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz9"></i></div><p>天秤座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz10"></i></div><p>天蝎座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz11"></i></div><p>射手座</p></a></div>
                        <div class="swiper-slide"><a href="##" class="box"><div class="img"><i class="iconfl icoxz12"></i></div><p>摩羯座</p></a></div>
                    </div>
                    <div class="swiperpagination"></div>
                </div>
            </div>
            <!-- 推荐 -->
            <div class="Minbox Min11">
                <div class="title">
                    <div class="bt">推荐</div>
                </div>
                <div class="list">
                    <ul>
                        <li>
                            <a href="##" class="box">
                                <i class="icon icojt2"></i>
                                <div class="name">12星座如何补足一整个秋天的能量？</div>
                                <p>秋天是养生的黄金季节，也是人们备战寒冬的时刻。在这个 季节里，我们需要特别关注身体的保健与调养，以补足一整...</p>
                            </a>
                        </li>
                        <li>
                            <a href="##" class="box">
                                <i class="icon icojt2"></i>
                                <div class="name">前方揭晓！白羊座老公属性大分析</div>
                                <p>想要过自己心仪的那种生活，最重要的一点就是选对老公。 因为两个人是要相处一辈子的，若是彼此不对付，那么日子...</p>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- 金牛座 -->
            <div class="Minbox Min10">
                <div class="title">
                    <div class="bt"><div class="xz"><i class="icoxingzuo icox4"></i></div> 金牛座<b class="cor">（4.20-5.20）</b> </div>
                    <a href="##" class="more">更多<span>&gt;</span></a>
                </div>
                <div class="list2 theme">
                    <ul class="clear">
                        <li class="on"><a href="##">金牛座的性格</a></li>
                        <li><a href="##">金牛座的男人</a></li>
                        <li><a href="##">金牛座的女人</a></li>
                        <li><a href="##">金牛座的爱情</a></li>
                        <li><a href="##">金牛座的运势</a></li>
                        <li><a href="##">金牛座的优缺点</a></li>
                        <li><a href="##">金牛座的学业</a></li>
                    </ul>
                </div>
                <div class="list3 theme">
                    <ul class="clear">
                        <li><a href="##">  前方揭晓！金牛座老公属性大分析 </a></li>
                        <li><a href="##"> 你该如何拉近和白羊座的感情？ </a></li>
                        <li><a href="##"> 别错过！白羊座该避开那些毒鸡汤 </a></li>
                        <li><a href="##"> 金牛座老公属性大分析 </a></li>
                        <li><a href="##">  必看！你该如何拉近和白羊座的感情？ </a></li>
                    </ul>
                </div>

            </div>
            <!-- 处女座 -->
            <div class="Minbox Min10">
                <div class="title">
                    <div class="bt"><div class="xz"><i class="icoxingzuo icox8"></i></div> 处女座<b class="cor">（4.20-5.20）</b> </div>
                    <a href="##" class="more">更多<span>&gt;</span></a>
                </div>
                <div class="list2 theme">
                    <ul class="clear">
                        <li class="on"><a href="##">处女座的性格</a></li>
                        <li><a href="##">处女座的男人</a></li>
                        <li><a href="##">处女座的女人</a></li>
                        <li><a href="##">处女座的爱情</a></li>
                        <li><a href="##">处女座的运势</a></li>
                        <li><a href="##">处女座的优缺点</a></li>
                        <li><a href="##">处女座的学业</a></li>
                    </ul>
                </div>
                <div class="list3 theme">
                    <ul class="clear">
                        <li><a href="##">  前方揭晓！金牛座老公属性大分析 </a></li>
                        <li><a href="##"> 你该如何拉近和白羊座的感情？ </a></li>
                        <li><a href="##"> 别错过！白羊座该避开那些毒鸡汤 </a></li>
                        <li><a href="##"> 金牛座老公属性大分析 </a></li>
                        <li><a href="##">  必看！你该如何拉近和白羊座的感情？ </a></li>
                    </ul>
                    <a class="link_more">显示更多星座</a>
                </div>

            </div>

        </div>
        <div class="tabber">
            <ul>
                <li><a href="##"><i class="ico ico1"></i>主页</a></li>
                <li><a href="##"><i class="ico ico2"></i>资讯</a></li>
                <li><a href="##"><i class="ico ico3"></i>资源</a></li>
                <li><a href="##"><i class="ico ico4"></i>影视</a></li>
                <li class="on"><a href="##"><i class="ico ico5"></i>知识</a></li>
            </ul>
        </div>
    </div>
</body>
<script src="js/base.js"></script>
</html>